@charset "utf-8";
body {
    _background: url(about:blank) fixed;
}
.fixable {
    position:fixed;
    _position:absolute;
    _top:expression((document).documentElement.scrollTop);
	z-index:1000;
}

.fixed{
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	_height:expression((document).documentElement.scrollHeight);
}

.overlay {
	top:0;
	left:0;
	z-index:1001;
}


.goods_detail {
	width:760px;
}
.goods_top .content {
	float:left;
	width:240px;
	padding-top:100px;
}
.content .close a {
	position:relative;
	float:right;
	margin-right:-10px;
	margin-top:-70px;
	width:65px;
	height:23px;
	background:url(../images/shopbg.png) no-repeat -520px -260px;
	z-index:2;
}
.content .close a:hover {
	background-position:-600px -260px;
}
.content .detail {
	padding:15px;
	background-color:#000;
}
.content .detail h3 {
	color:#85C9D9;
	border-bottom:1px solid #213237;
	padding-bottom:10px;
	font-size:14px;
}
.content .detail p {
	padding-top:10px;
	text-indent:2em;
	line-height:30px;
	color:#ccc;
	font-size:14px;
}
.goods_top .line {
	background:url(../images/shopbg.png) no-repeat -520px -245px;
	height:1px;
	overflow:hidden;
}
.goods_top .showpic {
	float:left;
	width:500px;
	margin:15px 15px 50px 0;
	border:2px solid #999;
	position:relative;
	z-index:1;
}
.goods_top .showpic .pic{
	overflow:hidden;
	width:500px;
	height:550px;
}
.goods_top .showpic .pic img{
	float:left;
}
.goods_top .showpic .view {
	background-color:#000;
	height:30px;
	padding:5px 20px;
	position:absolute;
	bottom:50px;
	left:0;
	width:460px;
}
.showpic .view .add {
	float:left;
	line-height:30px;
}
.showpic .view .add span {
	color:#DD5D0C;
}
.showpic .view .add a {
	color:#FFF;
}
.showpic .view .add a:hover {
	color:#FFF;
	text-decoration:none;
}
.showpic .view .add a span.ok {
	float:left;
	width:29px;
	height:24px;
	background:url(../images/shopbg.png) no-repeat -580px -292px;
}
.showpic .view .add a:hover span.ok {
	background-position:-580px -332px;
}
.showpic .view .play {
	float:right;
}
.showpic .inpage {
	position:absolute;
	top:10px;
	right:10px;
	font-size:14px;
	color:#CCC;
}
.play a {
	float:left;
	margin-left:20px;
	background:url(../images/shopbg.png) no-repeat;
	width:29px;
	height:24px;
}
.play a.pre {
	background-position:-618px -292px;
}
.play a.share {
	background-position:-657px -292px;
}
.play a.stop {
	background-position:-697px -292px;
}
.play a.next {
	background-position:-728px -292px;
}
.play a.pre:hover {
	background-position:-618px -332px;
}
.play a.share:hover {
	background-position:-657px -332px;
}
.play a.stop:hover {
	background-position:-697px -332px;
}
.play a.next:hover {
	background-position:-728px -332px;
}
.content .buy {
	padding-top:100px;
}

.good_bot {
	clear:both;
	height:116px;
	background-color:#181818;
	border:1px solid #484848;
	margin:10px 15px 30px 15px;
	padding:0 20px 0 20px;
}
.good_bot .same {
	background:url(../images/shopbg.png) no-repeat -520px -295px;
	width:32px;
	height:10px;
	position:relative;
	margin-top:-5px;
	float:left;
	padding-top: 95px;
	text-align: center;
	color: #ccc;
}
.goods_detail .page {
	height:36px;
	clear:both;
}
.goods_detail .page a {
	float:right;
	width:36px;
	height:26px;
	background:url(../images/shopbg.png) no-repeat;
	margin-right:15px;
}
.goods_detail .page a.up {
	background-position:-625px -375px;
}
.goods_detail .page a.up:hover {
	background-position:-715px -375px;
}
.goods_detail .page a.down {
	background-position:-580px -375px;
}
.goods_detail .page a.down:hover {
	background-position:-670px -375px;
}
.good_bot .list {
	overflow:hidden;
	height:100%;
	float:left;
	margin-left:10px;
}
.good_bot .list ul {
}
.good_bot .list ul li {
	float:left;
}
.good_bot .list ul li img {
	margin:10px;
}
.good_bot .list ul li a {
	display:block;
	line-height:25px;
	width:120px;
	height:120px;
	text-align:center;
	font-size:14px;
	margin-left:1px;
	margin-right:1px;
}
.good_bot .list ul li a:hover {
	background-color:#2F3F4F;
	border-right:1px solid #4B5863;
	border-left:1px solid #4B5863;
	margin-left:0px;
	margin-right:0px;
}
